<!--
  * 岗位 管理
-->
<template>
  <div class="height100">
    <a-row :gutter="10" type="flex" class="height100">
      <a-col flex="2">
        <QuarterList ref="quarterList" />
      </a-col>
      <a-col flex="8">
        <QuarterSetting />
      </a-col>
    </a-row>
  </div>
</template>
<script setup lang="ts">
  import { computed, provide, ref } from 'vue';
  import QuarterList from './components/quarter-list.vue';
  import QuarterSetting from './components/index.vue';
  defineProps({
    value: Object,
  });
  defineEmits('update:value');

  let quarterList = ref();
  const selectQuarterId = computed(() => {
    if (!quarterList.value) {
      return null;
    }
    return quarterList.value.selectQuarterId;
  });
  provide('selectQuarterId', selectQuarterId);
</script>
<style scoped lang="less">
  .height100 {
    height: 100%;
  }
</style>
